{% load static %}
<!DOCTYPE HTML>
<html lang="zxx">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <meta name="author" content=""/>
    <link rel="shortcut icon" href="{% static 'account/img/logo.png' %}">
    <title>awesome-spider</title>
    <link rel="stylesheet" href="{% static 'account/css/bootstrap.min.css' %}">
    <link rel="stylesheet" href="{% static 'account/css/owl.carousel.min.css' %}">
    <link rel="stylesheet" href="{% static 'account/css/owl.theme.default.min.css' %}">
    <link rel="stylesheet" href="{% static 'account/css/font-awesome.min.css' %}"/>
    <link rel="stylesheet" href="{% static 'account/css/animate.css' %}">
    <link rel="stylesheet" href="{% static 'account/css/style2.css' %}">
</head>
<script>
    function getCookie(cname) {
        var name = cname + "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++) {
            var c = ca[i].trim();
            if (c.indexOf(name) == 0) return c.substring(name.length, c.length);
        }
        return "";
    }
</script>
<body>

<div class="site-wrap" id="home-section">
    <header class="main_menu">
        <div class="container-fluid p-0">
            <div class="row align-items-center">
                <div class="col-lg-12">
                    <nav class="navbar navbar-expand-lg navbar-light">
                        <a class="navbar-brand" href="#">AWESOME SPIDER</a>
                        <div class="collapse navbar-collapse main-menu-item justify-content-center"
                             id="navbarSupportedContent">
                            <ul class="navbar-nav">
                                <li class="nav-item active">
                                    <a class="nav-link" href="/">主页</a>
                                </li>
                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                                       data-toggle="dropdown" aria-haspopup="true"
                                       aria-expanded="false">关于</a>
                                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                        <a class="dropdown-item" href="#">关于我们</a>
                                        <a class="dropdown-item" href="#">关于我</a>
                                    </div>
                                </li>

                                <li class="nav-item"><a class="nav-link" href="#"><span><img
                                        src="{% static 'account/img/facebook.png' %}"></span></a></li>
                                <li class="nav-item"><a class="nav-link" href="#"><span><img
                                        src="{% static 'account/img/instagram.png' %}"></span></a></li>
                                <li class="nav-item"><a class="nav-link" href="#"><span><img
                                        src="{% static 'account/img/pinterest.png' %}"></span></a></li>
                                <li class="nav-item"><a class="nav-link" href="#"><span><img
                                        src="{% static 'account/img/twitter.png' %}"></span></a></li>
                            </ul>
                        </div>
                        <div class="header_social_icon d-none d-lg-block">
                            <ul>
                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button"
                                       data-toggle="dropdown" aria-haspopup="true"
                                       aria-expanded="false">
                                        <span id="id_username" class="nav-item"></span></a>
                                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                                        <a class="dropdown-item" href="/account/changepwd">修改密码</a>
                                        <a class="dropdown-item" href="/account/logout.do">注销</a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </nav>
                </div>
            </div>
        </div>

    </header>

    <div class="hero-wrap js-fullheight" style="background-image: url('{% static 'account/img/home-banner.jpg' %}');">
        <div class="overlay"></div>
        <div class="container-fluid px-0">
            <div class="row no-gutters slider-text js-fullheight align-items-center justify-content-center"
                 data-scrollax-parent="true">
                <div class="col-md-12 text-center">
                    <div class="desc"><span class="subheading"></span>
                        <h1>AWESOME</h1><span class="subheading-2">SPIDER</span>
                    </div>
                </div>
            </div>

            <div class="site-section">
                <div class="container">
                    <div class="row text-center">
                        <div class="col-lg-12">
                            <ul class="filter-wrapper clearfix">
                                <li><a href="#" data-filter="*" class="selected opc-main-bg">Show All</a></li>
                                <li><a href="#" class="opc-main-bg" data-filter=".web">Spiders</a></li>
                                <li><a href="#" class="opc-main-bg" data-filter=".apps">Games</a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="row portfolio-items">
                        <div class="col-lg-12">
                            <div class="work-gallery">

                                <div class="col-md-6 single-item web branding">
                                    <div class="portfolio-wrap"><a href="/spiders/washer"><img
                                            src="{% static 'account/img/washer.jpg' %}" alt="" class="img-fluid"></a>
                                        <div class="portfolio-content"><p>AWESOME SPIDER</p>
                                            <h3><a href="/spiders/washer">Washing Monitor</a></h3>
                                            <a href="/spiders/washer" class="portfolio-link"></a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6 single-item web branding print">
                                    <div class="portfolio-wrap"><a href="/spiders/translater"><img
                                            src="{% static 'account/img/languagechan.jpg' %}" alt=""
                                            class="img-fluid"></a>
                                        <div class="portfolio-content"><p>AWESOME SPIDER</p>
                                            <h3><a href="/spiders/translater">Online Translation</a></h3>
                                            <a href="/spiders/translater" class="portfolio-link"></a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6 single-item brand web app mobile">
                                    <div class="portfolio-wrap"><a href="spiders/weibo"><img
                                            src="{% static 'account/img/weibo.png' %}" alt="" class="img-fluid"></a>
                                        <div class="portfolio-content"><p>AWESOME SPIDER</p>
                                            <h3><a href="spiders/weibo">Weibo Spider</a></h3>
                                            <a href="spiders/weibo" class="portfolio-link"></a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6 single-item print web">
                                    <div class="portfolio-wrap"><a href="spiders/healthdaka"><img
                                            src="{% static 'account/img/healthdaka.jpg' %}" alt=""
                                            class="img-fluid"></a>
                                        <div class="portfolio-content"><p>AWESOME SPIDER</p>
                                            <h3><a href="spiders/healthdaka">Health Clock</a></h3>
                                            <a href="spiders/healthdaka" class="portfolio-link"></a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6 single-item apps mobile">
                                    <div class="portfolio-wrap"><a href="spiders/mikutap"><img
                                            src="{% static 'account/img/mikutap.png' %}" alt=""
                                            class="img-fluid"></a>
                                        <div class="portfolio-content"><p>Game</p>
                                            <h3><a href="spiders/mikutap">Mikutap</a></h3>
                                            <a href="spiders/mikutap" class="portfolio-link"></a>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6 single-item  apps">
                                    <div class="portfolio-wrap"><a href="spiders/nyancat"><img
                                            src="{% static 'account/img/nyancat.jpg' %}" alt=""
                                            class="img-fluid"></a>
                                        <div class="portfolio-content"><p>Game</p>
                                            <h3><a href="spiders/nyancat">Nyancat</a></h3>
                                            <a href="spiders/nyancat" class="portfolio-link"></a>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <footer class="bg-pattern-2">
                <div class="py-5">
                    <div class="container">
                        <div class="row mt-5 justify-content-center">
                            <div class="col-md-7 text-center">
                                <div class="site-logo">AWESOME SPIDER</div>
                                <p class="">&copy;python项目-2021 <a href="http://www.bootstrapmb.com/"
                                                                   style="color: #f5dd5d">reserved</a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </footer>
        </div>
        <div class="cursor"></div>
    </div>
</div>
<script src="{% static 'account/js/jquery-3.3.1.min.js' %}"></script>
<script src="{% static 'account/js/popper.min.js' %}"></script>
<script src="{% static 'account/js/jquery-migrate-3.0.0.js' %}"></script>
<script src="{% static 'account/js/bootstrap.min.js' %}"></script>
<script src="{% static 'account/js/owl.carousel.min.js' %}"></script>
<script src="{% static 'account/js/jquery.sticky.js' %}"></script>
<script src="{% static 'account/js/jquery.stellar.min.js' %}"></script>
<script src="{% static 'account/js/isotope.pkgd.min.js' %}"></script>
<script src="{% static 'account/js/imagesloaded.pkgd.min.js' %}"></script>
<script src="{% static 'account/js/custom.js' %}"></script>
</body>
<script>
    document.getElementById("id_username").innerHTML = getCookie('me').split('^')[0]
</script>
</html>